<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet">
        <script src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
    <div id="app1">
        <p>msg:{{msg}}</p>
        <p><input type="text" v-model="msg"></p>
        <p>r-msg:{{rmsg}}</p>
        <p>now:{{now}}</p>
    </div>
    <script>
        var app1=new Vue({
            el:'#app1',
            data:{
                msg:'hello'
            },
            computed:{
                rmsg:function(){
                    return this.msg.split('').reverse().join('');
                },
                now:function(){
                    return Date.now()+this.msg;
                }

            }
        });
    </script>
    </body>
</html>